page {
	background-color: #F8F9FD;
	font-size: 28rpx;
}

.f14 {
	font-size: 14rpx;
}

.f16 {
	font-size: 16rpx;
}

.f18 {
	font-size: 18rpx;
}

.f20 {
	font-size: 20rpx;
}

.f22 {
	font-size: 22rpx;
}

.f24 {
	font-size: 24rpx;
}

.f26 {
	font-size: 26rpx;
}

.f28 {
	font-size: 28rpx;
}

.f30 {
	font-size: 30rpx;
}

.f32 {
	font-size: 32rpx;
}

.f34 {
	font-size: 34rpx;
}

.f36 {
	font-size: 36rpx;
}

.f38 {
	font-size: 38rpx;
}

.f40 {
	font-size: 40rpx;
}

.f42 {
	font-size: 42rpx;
}

.f44 {
	font-size: 44rpx;
}

.f46 {
	font-size: 46rpx;
}

.f48 {
	font-size: 48rpx;
}

.f50 {
	font-size: 50rpx;
}

.f60 {
	font-size: 60rpx;
}

.mt10 {
	margin-top: 10rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mt30 {
	margin-top: 30rpx;
}

.mt40 {
	margin-top: 40rpx;
}

.c000 {
	color: #000;
}

.cfff {
	color: #FFF;
}

.c333 {
	color: #333;
}

.c666 {
	color: #666;
}

.c999 {
	color: #999;
}

.c-txt-main {
	color: #1F3043;
}

.cred {
	color: #ff0000;
}

.colorSuccess {
	color: #167C3A;
}

.bgfff {
	background: #FFF;
}

.flex {
	display: flex;
}

.flex-ac {
	display: flex;
	align-items: center;
}

.flex-ac-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.flex-ac-jb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-ac-jc {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-ac-je {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flex-ac-jb-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex-dc {
	display: flex;
	flex-direction: column;
}

.flex-dc-ac {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flex-dc-ac-jc {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex-dc-ae {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.flex1 {
	flex: 1;
}

.tab_icon {
	width: 45rpx;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/* 超出一行省略 */
.qoverDot {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* 超出二行省略 */
.qoverDot2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 超出三行省略 */
.qoverDot3 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

/*保存按钮*/
.saveBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #4072FE 0%, #0034C7 100%);
	color: #FFFFFF;
	border-radius: 14rpx;
	height: 100rpx;
	font-size: 24rpx;
}

.primary-color {
	color: #F406FE;
}

.primary-color2 {
	color: #3BB7FF;
}

.primary-bg-color {
	background-color: #F406FE;
}

.plStyle {
	color: #999;
	font-size: 24rpx;
}

.skeleton {
	background: linear-gradient(90deg, #dfdfdf 25%, #e5e5e5 37%, #dddddd 63%);
	flex: 1;
	/* animation: skeleton-loading 1.4s ease infinite; */
}

/* 
@keyframes skeleton-loading {
	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0 50%;
	}
} */

.nodata-img {
	width: 260rpx;
	height: auto;
	padding-top: 200rpx;
}


.no-wrap {
	white-space: nowrap;
}

.xf_warp {
	border: none;
	padding: 0;
	margin: 0;
	background: #fff;
	line-height: 24rpx;
}

.xf_warp::after {
	border: none;
}